<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/main.css">
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g2-3.4.1/dist/g2.min.js"></script>
    <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.data-set-0.10.1/dist/data-set.min.js"></script>
    <title>MBTI体验版</title>
</head>

<body>
    <!-- 头部背景 -->
    <div class="banner">
        <!-- logo -->
        <div class="logo">
            <a href="#"><img src="image/logo.png"></a>
        </div>
        <!-- 报告介绍 -->
        <div class="top_info">
            <h2>MBTI体验版</h2>
            <div class="top_info_yz">评测报告由<a href="#">[佰智咨询]</a>提供专业支持</div>
            <div class="top_info_yz">测试者&nbsp;:&nbsp;陈静</div>
            <div class="top_info_yz">测评耗时&nbsp;:&nbsp;10分54秒</div>
            <div class="top_info_btn_dowm" style="margin:40px auto 0"><a href="#">下载PDF报告文档</a></div>
        </div>
    </div>
    <div class="container">
        <div class="mbti_top">ENFJ 教导型——谆谆善诱地引导他人</div>
        <!-- 你的第一步结果 -->
        <div class="chart_title">一、你的MBTI图形</div>
        <div class="col-md mreport_pro">
            <!-- 原始得分图 -->
            <div class="mreport_pro_box" style="margin:0 auto 0;">
                <!-- 原始得分图 -->
                <p>MBTI倾向示意图(类型：ENFJ 总倾向：24.3)</p>
                <div class="mreport_pro_flex">
                    <!-- 左侧进度条 -->
                    <div class="mreport_pro_left">
                        <div>
                            <!-- 外向 -->
                            <div class="my_flex">
                                <div class="mreport_progress_tittle">外向(E)</div>
                                <!-- 进度条 -->
                                <div class="mreport_progress ml20">
                                    <div class="my-progress">
                                        <div class="bar float-right" style="width: 60%;">(E)60%</div>
                                    </div>
                                </div>
                            </div>
                            <!-- 感觉 -->
                            <div class="my_flex">
                                <div class="mreport_progress_tittle">感觉(S)</div>
                                <!-- 进度条 -->
                                <div class="mreport_progress ml20">
                                    <div class="my-progress">
                                        <div class="bar float-right" style="width: 76%;">(S)76%</div>
                                    </div>
                                </div>
                            </div>
                            <!-- 思考 -->
                            <div class="my_flex">
                                <div class="mreport_progress_tittle">思考(T)</div>
                                <!-- 进度条 -->
                                <div class="mreport_progress ml20">
                                    <div class="my-progress">
                                        <div class="bar float-right" style="width: 76%;">(T)76%</div>
                                    </div>
                                </div>
                            </div>
                            <!-- 判断 -->
                            <div class="my_flex">
                                <div class="mreport_progress_tittle">判断(J)</div>
                                <!-- 进度条 -->
                                <div class="mreport_progress ml20">
                                    <div class="my-progress">
                                        <div class="bar float-right" style="width: 76%;">(J)76%</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 右侧进度条 -->
                    <div class="mreport_pro_right">
                        <div>
                            <!-- 外向 -->
                            <div class="my_flex">
                                <!-- 进度条 -->
                                <div class="mreport_progress mr20">
                                    <div class="my-progress">
                                        <div class="bar " style="width: 30%;">(E)30%</div>
                                    </div>
                                </div>
                                <div class="mreport_progress_tittle">外向(E)</div>
                            </div>
                            <!-- 感觉 -->
                            <div class="my_flex">
                                <!-- 进度条 -->
                                <div class="mreport_progress mr20">
                                    <div class="my-progress">
                                        <div class="bar" style="width: 19%;">(S)19%</div>
                                    </div>
                                </div>
                                <div class="mreport_progress_tittle">感觉(S)</div>
                            </div>
                            <!-- 思考 -->
                            <div class="my_flex">
                                <!-- 进度条 -->
                                <div class="mreport_progress mr20">
                                    <div class="my-progress">
                                        <div class="bar" style="width: 36%;">(T)36%</div>
                                    </div>
                                </div>
                                <div class="mreport_progress_tittle">思考(T)</div>
                            </div>
                            <!-- 判断 -->
                            <div class="my_flex">
                                <!-- 进度条 -->
                                <div class="mreport_progress mr20">
                                    <div class="my-progress">
                                        <div class="bar" style="width: 46%;">(J)46%</div>
                                    </div>
                                </div>
                                <div class="mreport_progress_tittle">判断(J)</div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 刻度尺 -->
                <div class="mreport_ruler_box">
                    <div class="mreport_ruler ce41523">强</div>
                    <div class="mreport_ruler cff6600">明显</div>
                    <div class="mreport_ruler cffcc00">中等</div>
                    <div class="mreport_ruler c1d9723">轻微</div>
                    <div class="mreport_ruler cffcc00">中等</div>
                    <div class="mreport_ruler cff6600">明显</div>
                    <div class="mreport_ruler ce41523">强</div>
                </div>
               
            </div>
            <p class="common_p mt-5">倾向示意图表示四个维度分别的倾向程度。</p>
            <p class="common_p">从中间往两侧看，绿色指示条对应下面坐标的哪个区间。
                本报告地址不会长期有效，请复制报告内容到本地或自己的博客</p>
        </div>
        <div class="chart_title">二、优势与劣势</div>
        <div class="describe_box">
            <div class="cr_red">ENFJ的特质： 教导型——谆谆善诱地引导他人</div>
            <div class="disc_title mt-4">优势：</div>
            <p class="common_p mt-3">你善于社交、气宇不凡、易感应、善劝服。你精力旺盛，热情洋溢，能很快理解他人情感的需要、动机和所忧虑的事情，因此能做到与他人高度协调。你把注意力放在帮助他人，鼓励他人进步向上。你是催化剂，能引发出他人的最佳状态。既可以做有号召力的领袖，也可以做忠实的追随者。</p>
            <p class="common_p">你性情平和，心胸宽阔，且很圆滑，很会促进周边关系的和睦，对于批评和紧张特别敏感。你容易看出他人的发展潜力，并倾力帮助他人发挥潜力，是体贴的助人为乐者。你愿意组织大家参与活动，使大家和睦又感到愉快。</p>
            <p class="common_p">你是理想主义者，非常看重自己的价值，对自己尊重景仰的人、事业和公司都非常忠诚。有责任感、谨慎、坚持不懈，同时对新观点很好奇。若能为人类的利益有所贡献，会感到深受鼓舞。</p>
            <p class="common_p">你对现实以外的可能性，以及对他人的影响非常感兴趣，容易看出他人的发展潜力和最大的优点，发现别人看不到的意义和联系，并感到自己与万物息息相关，可以井然有序地安排生活和工作。</p>
            <div style="color:#666;font-size:14px" class="mt-4">劣势：</div>
            <p class="common_p mt-3">你非常理想化，认为世界是自己想象中的那样，不愿意接受与此相抵触的事情，经常忽略理想所需要的现实和细节问题。</p>
            <p class="common_p">你依照情感行事，很少用逻辑，主要根据个人的价值观进行判断，无视行为所带来的后果，有时会过度陷入别人的情感和问题中。总是避免冲突，有时会不够诚实和公平。试着更多地去关注事情，而不只是人，更有利于你合理地做出决定。</p>
            <p class="common_p">你有很高的热情，急于迎接新的挑战，有时会做出错误的假设或过于草率的决定。建议你对计划中的细节多加注意，等获取足够多的信息之后再做决策。</p>
            <p class="common_p">你总想得到表扬，希望自己的才能和贡献得到赏识，你对于批评非常脆弱，容易忧虑，感到内疚，失去自信。当压力很大时，会变得暴燥，慌乱、吹毛求疵。</p>
        </div>
        <div class="chart_title">三、气质类型</div>
        <div class="describe_box">
            <p class="common_p">根据大卫.凯尔西（David Keirsey）气质与性情理论，你属于“理想主义者”，下面是对“理想主义者”的描述：</p>
            <p class="common_p">“理想主义者”型的人感兴趣的是事物的意义、关系和可能性，并基于其个人的价值观念做出决定。这是一类关心个人成长和如何理 解他人与自我的人。</p>
            <p class="common_p">“理想主义者”做人的原则是：“真实地面对自已”，是精神上最具哲理性的人。“理想主义者”乐于接受新的思想，善 于容纳他人。</p>
            <p class="common_p">“理想主义者”好象永远在寻找生存的意义。他们非常崇尚人与人之间和各种关系中的真实和正直，容易将别人理想化。许多“理想 主义者”本能地喜欢帮助别人成长和进步。“理想主义者”是很好的传播者，被人们认为是促进积极变化的催化剂。</p>
            <p class="common_p">他们天生能够理解别人的情感，关心他们在生活、工作中碰到的人们（如同事、病人或客户、雇员）的需要。</p>
            <p class="common_p">对于“理想主义者”型的人而言，一份好的工作应该是对他们个人很有意义的工作，而不是简单的常规工作或只是一种谋生手段。“ 理想主义者”崇尚和谐，不愿意在一种竞争激烈或四分五裂的环境中发展。他们喜欢民主、能够激励各种层次的人们高度参与的组织 。他们会被那些促进人性价值的组织或那些允许他们帮助别人完成工作的职业所吸引。</p>
            <div class="disc_title mt-3">总体描述 </div>
            <p class="common_p mt-3">1. 对别人的情绪敏感，能理解、体会别人的心情，善于安慰、鼓励别人</p>
            <p class="common_p">2. 对文字、语言敏感</p>
            <p class="common_p">3. 善于分析、总结</p>
            <p class="common_p">4. 善于从整体上把握事物</p>
            <p class="common_p">5. 能理解复杂的理论概念，善于将事情概念化，善于从中推断出原则 </p>
            <p class="common_p">6. 擅长策略性思维</p>
            <div class="disc_title mt-3">潜在的弱点  </div>
            <p class="common_p mt-3">1. 有仅仅凭个人的好恶或价值观来决定事情，并希望别人也以同样的角度或标准来处理问题的倾向。</p>
            <p class="common_p">2. 有时他们心里老想着别人的问题，可能会过于陷于其中，以至于被其困扰。</p>
            <p class="common_p">3. 有时容易将别人或事情理想化，不够实际。</p>
            <p class="common_p">4. 不是特别善于管束和批评他人，尽管常常自我批评。有时会为了和睦而牺牲自己的意见或利益。</p>
            <p class="common_p">5. 有些此类型成员比较容易动感情，情绪波动较大。 </p>
        </div>
        <div class="chart_title">四、基本描述</div>
        <div class="describe_box">
            <div class="cr_red">您的性格类型倾向为“ ENFJ ”(外向 直觉 情感 判断 倾向度： E65 N60 F65 J56  不假思索指数：9)</div>
            <p class="common_p mt-3">温情，有同情心，反应敏捷，有责任感。非常关注别人的情绪、需要和动机。善于发现他人的潜能，并希望能帮助他们实现。能够成为个人或群体成长和进步的催化剂。忠诚，对赞美和批评都能做出积极地回应。友善好社交。在团体中能很好地帮助他人，并有鼓舞他人的领导能力。</p>
            <p class="common_p">ENFJ型的人热爱人类，他们认为人的感情是最重要的。而且他们很自然地关心别人，以热情的态度对待生命，感受与个人相关的所有事物。由于他们很理想化，按照自己的价值观生活，因此ENFJ型的人对于他们所尊重和敬 佩的人、事业和机构非常忠诚。他们精力充沛、满腔热情、富有责任感、勤勤勤恳恳、锲而不舍。 ENFJ型的人具有自我批评的自然倾向。然而，他们对他人的情感具有责任心，所以ENFJ型的人很少在公共场合批评人。他们 敏锐地意识到什么是（或不是）合适的行为。他们彬彬有礼、富有魅力、讨人喜欢、深谙社会。ENFJ型的人具有平和的性格与忍耐力，他们长于外交，擅长在自己的周围激发幽默感。他们是天然的领导者，受人欢迎而有魅 力。他们常常得利于自己口头表达的天份，愿意成为出色的传播工作者。 ENFJ型的人在自已对情况感受的基础上做决定，而不是基于事实本身。他们对显而易见的事物之外的可能性，以及这些可能性以怎样的方式影响他人 感兴趣。 ENFJ型的人天生具有条理性，他们喜欢一种有安排的世界，并且希望别人也是如此。即使其他人正在做决定，他们还是喜欢把问题解决了。 ENFJ型的人富有同情心和理解力，愿意培养和支持他人。他们能很好地 理解别人，有责任感和关心他人。由于他们是理想主义者，因此他们通常能看到别人身上的优点。</p>
            <div class="disc_title mt-3">您适合的领域有：</div>
            <p class="common_p mt-2">培训、咨询、教育、新闻传播、公共关系、文化艺术</p>
            <div class="disc_title mt-3">您适合的职业有：</div>
            <ul class="disc_chat_ul mt-2">
                <li>人力资源培训主任</li>
                <li>销售经理</li>
                <li>小企业经理</li>
                <li>程序设计员</li>
                <li>生态旅游业专家</li>
                <li>广告客户经理</li>
                <li>公关专业人士</li>
                <li>协调人</li>
                <li>交流总裁</li>
                <li>作家／记者</li>
                <li>非营利机构总裁</li>
                <li>杂志编辑</li>
                <li>电视制片人</li>
                <li>市场专员</li>
                <li>社会工作者</li>
                <li>人力资源管理</li>
                <li>职业指导顾问</li>
                <li>心理咨询工作者</li>
                <li>大学教师（人文学科类）</li>
                <li>教育学、心理学研究人员</li>
            </ul>
        </div>
        <div class="chart_title">五、后记</div>
        <div class="describe_box">
            <p class="common_p">世界上的风云大事，归根结底，都不重要。最重要的是个人的生活，这才是伟大变革的所在，整个未来、世界的整个历史，最终都是对个人潜在能量的宏大总结。</p>
            <div class="thank">Thanks!</div>
        </div>
    </div>




</body>
<script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g2-3.4.1/dist/g2.min.js"></script>
<script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.data-set-0.10.1/dist/data-set.min.js"></script>
<script>

</script>

</html>